<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米登录</title>
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<div class="tou">
			<a href="">
			<img class="logo" src="img/logo.png" >
			</a>
		</div>
		<div class="bj">
			<img src="img/beijing.jpg">
		</div>
		<div class="box">
			<a href="">
			<h2>账号登录</h2><span>|</span><p>扫码登录</p>
			</a>
			<form >
				<input class="zh" type="text" placeholder="邮箱/手机号码/小米ID">
				<input class="mm" type="password" placeholder="密码">
				<div class="dl">
					<a href="">
						<span>登录</span>
					</a>
				</div>
				<div class="zc">
					<a href="">
						<span>手机短信登录/注册</span>
					</a>
				</div>
				<div class="ljzc">
					<a href="">
						<span>立即注册|忘记密码？</span>
					</a>
				</div>
				<div class="qtdl">
					<span>——————其他方式登录——————</span>
					<div class="s">
						<div class="qq">
							<a href=""><img src="img/qq.png"></a>
						</div>
						<div class="wb">
							<a href=""><img src="img/wb.png"></a>
						</div>
						<div class="zfb">
							<a href=""><img src="img/zfb.png" ></a>
						</div>
						<div class="wx">
							<a href=""><img src="img/wx.png" ></a>
						</div>
					</div>
				</div>
			</form>
		</div>
		
	</body>
</html>
